<template>
    <div class="top_fixed fixed widthPer100 ">
        <div class="header_nav flex-box height2_2">
            <div class="search_wrap flex-item-1 flex-box navSearch height1_5 borderRadius0_75 " style="margin: 0.35rem 0.75rem;" v-on:click="searchBoxs()">
                <i class="search_ico iconfont inlineBlock height1_5 width2_1 lineHeight1_6 textCenter fontSize0_9">&#58895;</i>
                <p v-if="word" class="search_tip flex-item-1 lineHeight1_5">{{word}}</p>
            </div>
        </div>
    </div>
</template>
<script>
import '../../../style/base.css'
import './css/home.scss'
export default { 
    props: {
        word: {
            default: function() {
                return ''
            }
        }        
    },  
    data () {
        return {
        }
    },   
    methods: {
        searchBoxs() {
            this.$router.push({name: 'Search'})
        }
    }   
}
</script>
